.out{
    background-color: #F6F6F6;
    height: calc(100vh - 88rpx);
    .none_type{
        text-align: center;
        font-size: 27rpx;
        margin-top: 45rpx;
        color: #999;
    }
    .top_nav{
        display: flex;
        height: 108rpx;
        background-color: #F6F6F6;
        display: flex;
        align-items: center;
        padding: 0 46rpx;
        font-size: 26rpx;
        .nav_item{
            width: 170rpx;
            height: 60rpx;
            margin-right: 20rpx;
            border-radius: 30rpx;
            color: #353535;
            border:1rpx solid #888888;
            display: flex;
            align-items:center;
            justify-content: center;

        }
        //.nav_item_check{
        //    color: #03C1B6;
        //    border:1rpx solid #03C1B6;
        //}
    }

    .member_item{
        display: flex;
        padding: 0 26rpx 36rpx 26rpx;
        flex-direction: column;
        margin: 0 20rpx;
        background-color: #fff;
        border-radius: 20rpx;
        margin-bottom: 20rpx;
        .member_tp{
            display: flex;
            height: 110rpx;
            align-items: center;
            .member_tp_lt{
                width: 60rpx;
                height: 60rpx;
                border-radius: 50%;
                background-color: #666666;
                overflow: hidden;
            }
            .member_tag{
                width: 66rpx;
                height: 32rpx;
                border-radius: 10rpx;
                color: #fff;
                font-size: 22rpx;
                margin-left: 14rpx;
                text-align: center;
                line-height: 32rpx;
            }
            .member_name{
                font-size: 28rpx;
                margin-left:14rpx;

            }
            .member_lable{
                color:#fff;
                background-color: #E64340;
                width: 128rpx;
                height: 40rpx;
                font-size: 23rpx;
                line-height: 40rpx;
                text-align: center;
                position: absolute;
                right: 49rpx;
                border-radius: 20rpx 20rpx 20rpx 0px;;
            }

        }
        .member_goods{
            height: 160rpx;
            display: flex;
            .goods_img{
                width: 160rpx;
                height: 160rpx;
                background-color:green;
                border-radius: 13rpx;
            }
            .goods_info{
                flex: 1;
                padding-left:  20rpx;
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
                justify-content: space-between;
                .goods_title{
                    font-size: 28rpx;
                    line-height: 38rpx;
                }
                .goods_lable{
                    color: #888888;
                    font-size: 24rpx;
                }
                .goods_pay{
                    color: #E64340;
                    font-size: 28rpx;
                }
                .goods_phone{
                    color: #1c00cf;
                    font-size: 28rpx;
                }
            }
        }
    }
}
